/* 
    Document   : styles
    Created on : 13-abr-2012, 17:45:49
    Author     : john
    Description:
        Definicion de estilos para toda la interfaz grafica
*/

#filters-pane{
    -fx-border-style:solid;
    -fx-border-width:1px;
    -fx-border-color:#BBB;
    -fx-border-radius:5px;
    -fx-grid-lines-visible:false;
}

#grid{
    -fx-padding:20px 15px 30px;
    -fx-aligment:center;
}

#grid .details-container{
    -fx-border-style:solid;
    -fx-border-width:1px;
    -fx-border-color:#BBB;
    -fx-border-radius:5px;
    -fx-padding:13px 15px 10px;
}

#grid .details-container .text-area{
    -fx-text-fill:#333;
}

#grid .details-container .top-container{
    -fx-padding:0 0 10px 0;
}

#grid .details-container .details-button{
    -fx-text-fill:#333;
    -fx-border-width:0;
    -fx-background-color:transparent;
    -fx-padding:5px 0 0;
    -fx-opacity:0.8;
    -fx-font-size:0.95em;
}

#grid .details-container .details-button:hover{
    -fx-cursor:hand;
    -fx-text-fill:#090;
}

#my-root{
    -fx-border-style:solid;
    -fx-border-color:#888;
    -fx-border-width:1px;
    -fx-background-color:#FAFAFA;
    -fx-border-radius:8px;
    -fx-background-radius:8px;
}

#title-bar{
    -fx-alignment:center-right;
    -fx-spacing:5px;
    -fx-padding:0 8px;
    -fx-border-color:#EEE;
    -fx-border-style:solid;
    -fx-border-width:0 0 1px 0;
    -fx-border-insets:5px;
}

#title-bar .label{
    -fx-alignment:center-left;
    -fx-padding:0 10px 0 0;
}

.bar-buttons{
    -fx-border-width:0;
    -fx-background-color:transparent;
    -fx-font-size:13px;
    -fx-text-fill:#777;
    -fx-padding:1px;
    -fx-margin:0 5px
}

.bar-buttons:hover{
    -fx-text-fill:red;
}